在了解完設計基本知識之後,是時候開始接觸UI/UX設計的基本概念了,所以,今天就會針對這部分來做些筆記。
那就,![https://ithelp.ithome.com.tw/upload/images/20240814/20168599hdsaNkLBun.png](https://ithelp.ithome.com.tw/upload/images/20240814/20168599hdsaNkLBun.png)
UI vs UX
在架設網站或設計遊戲的過程,往往離不開UI/UX設計,雖然兩者設計上因為有部分重疊,使他們容易被混為一談,但實際上是完全不一樣的概念。UI(user interface)為使用者介面,著重點是介面的美觀與方便性;UX(user experience)則為使用者體驗,更關注使用者的體驗與感受,透過表格呈現可以更明顯感受差異:
|
使用者介面 / UI |
使用者體驗 / UX |
定義 |
專注於設計頁面上的互動視覺、外觀,確保操作方便性與整體美感,增加視覺 |
在乎使用者使用過程的感受、反應,依據使用習慣來設計產品,適用於實體產品和數位產品 |
著重點 |
介面的美感設計與方便性 |
使用者的體驗與感受 |
設計要素 |
對字體、按鈕、圖形、色彩、版型、互動性、便利性等進行設計 |
透過問卷、測試、反饋、使用者分析等,有邏輯的優化使用者體驗 |
目的 |
創造視覺吸引力和操作便利的界面,提升使用者的互動體驗 |
創造符合使用者需求、易用、直觀且一致的體驗感 |
簡單來說,UI設計師的重點在於「產品呈現方式」,UX設計師則是在「產品使用過程的感受」。
設計原則
要學習新的事物除了實際去做之外,預先知道一些原則概念,也有助於操作時有個依循可以參考,在這方面我直接找到兩個原則的內容作為紀錄:
Jakob Nielsen的十大易用性原則(10 Usability Heuristics)
- 明確顯示系統狀態(Visibility of system status)
- 連結系統與真實世界(Match between system and the real world)
- 提供使用者控制權和自由度(User control and freedom)
- 一致性和標準化(Consistency and standards)
- 錯誤預防(Error prevention)
- 讓使用者去認知而非記住系統(Recognition rather than recall)
- 提供使用時的自由度和效率(Flexibility and efficiency of use)
- 美觀和極簡設計(Aesthetic and minimalist design)
- 幫助使用者去瞭解、偵錯和恢復錯誤(Help users recognize, diagnose and recover from errors)
- 幫助和說明文件(Help and documentation)
Ben Shneiderman的八個黃金法則(8 golden rules)
- 保持設計的一致性(strive for consistency)
- 提供重度使用者便捷操作(enable frequent users to use shortcuts)
- 提供對使用者有意義的回饋(offer informative feedback)
- 明確告知使用者動作的狀態(design dialog to yield closure)
- 簡化錯誤的處理(offer simple error handling)
- 提供可回復的設計(permit easy reversal of actions)
- 滿足使用者控制的慾望(support internal locus of control)
- 降低使用者記憶需求(reduce short-term memory load)
一些廢話
有人跟我說,該不會一個月以後就可以找你設計網站了吧?
???先等等。
參考資料
-
UI、UX設計是什麼?沒有設計背景也能一次搞懂UI UX重要性!
-
UI和UX是什麼?一篇完全了解UI UX設計!
-
UI/UX 探索攻略(一)